<template>
  <div>
    <common-head title="个人中心" />
    <div class="wrap4">
      <div class="imge">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic4.zhimg.com%2F50%2Fv2-3f068675bf451938344c8b402e5ca182_hd.jpg&refer=http%3A%2F%2Fpic4.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630636936&t=3f7f7ef6761bc169bb0ec3c8cf7e7efb" alt="">
        <p>小小严</p>
      </div>
      <van-grid class="zzz">
        <van-grid-item icon="coupon-o" text="优惠卷" />
        <van-grid-item icon="points" text="积分" />
        <van-grid-item icon="after-sale" text="售后" />
        <van-grid-item icon="orders-o" text="订单" />
      </van-grid>
    </div>
    <common-tab/>
  </div>
</template>

<script>
import CommonTab from 'components/CommonTab'
import CommonHead from 'components/CommonHead.vue'
export default {
  name: 'user',
  components: {
    CommonTab,
    CommonHead
  }
}
</script>

<style lang="scss" scoped>
.wrap4{
  padding-top: 46px;
  padding-bottom: 50px;
  background-color: #fff;
    .imge{
    height: 100px;
    width: 100px;
    margin: 50px auto;
    img{
      border-radius: 52px;
      width: 100px;
      height: 100px;
    }
    p{
      text-align: center;
      margin-top: 15px;
    }
  }
  .zzz{
    margin-top: 90px;
    margin-bottom: 265px;
  }
}

</style>
